<div class="right-product right-full background-input animate-time" [ngClass]="{ 'right-full': isActive , 'right-off': !isActive }"> 
    <div class="center-back right-back">

        <app-breadcrumb [breadcrumbInfo]="{ 'secondLevel' : '开放平台管理', 'threeLevel' : '终端管理' }"></app-breadcrumb>

        <!-- 操作 BEGIN -->
            <div class="button-group">
                <button type="button" 
                        class="btn btn-default btn-md" 
                        data-toggle="modal" 
                        data-target="#newlyAdded"
                        *ngIf="right['terminal']['create']"
                        (click)="initService._init(1)"
                        >
                    <span class="glyphicon glyphicon-plus"></span> 新增
                </button>

                <button type="button" 
                        class="btn btn-default btn-md yellow" 
                        data-toggle="modal" 
                        data-target="#delete"
                        [disabled]="removeTableService?._isEmpty()"
                        *ngIf="right['terminal']['batchDelete']"
                        >
                    <span class="glyphicon glyphicon-trash"></span> 批量删除
                </button>

                <div class="input-group pull-right search-width" *ngIf="right['terminal']['query']">   
                    <input type="text" 
                           name="queryCriteria"
                           class="form-control search-input" 
                           placeholder="请输入终端名称"
                           (keydown.enter)="_retrieval(queryCriteria.value)"
                           #queryCriteria="ngModel"
                           ngModel
                           >
                    <span class="input-group-addon search-btn" 
                          (click)="_retrieval(queryCriteria.value)"
                          >
                        <img src="assets/right-product/search.png">检索
                    </span>
                </div>
            </div>
        <!-- 操作 END -->
        
        <div class="container-fluid">
            <!-- 表格 BEGIN -->
                <terminal-table #table></terminal-table>
            <!-- 表格 END -->

            <!-- 分页 BEGIN -->
                <app-pagination [getTotalItems]="table.total"
                                (isLoadTableFromPagination)="_pagination($event)"
                                >
                </app-pagination>
            <!-- 分页 END -->
        </div>
        
    </div>
</div>

<!-- 新增 BEGIN -->
    <terminal-newly-added #add (onSubmit)="table._table()"></terminal-newly-added>
<!-- 新增 END -->

<!-- 删除 BEGIN -->
    <terminal-delete (delete)="table._table()"></terminal-delete>
<!-- 删除 END -->






























